import React from 'react'

import { Tabs } from 'react-vant'
import {routerlist} from "../../router/index";
import { NavLink,Outlet,Link } from "react-router-dom";
function Home() {
  return (
    <div>
        <Tabs defaultActive={0}>
        {routerlist&&routerlist.map((item,index) => (
          <Tabs.TabPane key={index}  title={<NavLink to={item.path}>{item.meta.title}</NavLink>}>
            <Outlet /> 
          </Tabs.TabPane>
        ))}
      </Tabs>
    </div>
  )
}

export default Home